@import "../../layout/theme.scss";

.post-suggestions {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  background-color: darken($md-tertiary-color, 5%);

  .hide-on-mobile {
    @media (max-width: 360px - 1px) {
      display: none;
    }
  }

  .post-suggestion {
    display: flex;
    align-items: center;
    margin: 0 15px;
    color: $md-secondary-color !important;

    .headline-container {
      margin-right: 10px;
      margin-left: 10px;
    }
    .md-headline{
      margin-bottom: 0px;
    }
    .arrow-nav {
      margin-top: 5px;
    }
  }

  .secondary-color {
    color: $md-secondary-color !important;
  }
}
